<template>
  <el-card>
    <div class="container" ref="target">文档云图</div>
  </el-card>
</template>
  
      
<script setup>

import echarts from "echarts";
import "echarts-wordcloud";
import { ref, onMounted } from "vue";


const target = ref(null)

let mChart

onMounted(() => {
  mChart = echarts.init(target.value);
  renderChart()
})

const renderChart = ()=>{
  var  options = {
    title:{
      text:""
    },
    series:{
      type:"wordCloud",
      sizeRange:[]
    }
  }
}




</script>
    
<style lang="scss" scoped>
.container {
  height: 240px;
  background-color: #bcbfc3;
}
</style>